<div ng-controller="SignUpController">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		<h4 id="myModalLabel">SIGN UP NEW ACCOUNT</h4>
	</div>
	<div class="modal-body">
		<form class="form-horizontal ">
			<fieldset>
				
				
				<div class="control-group">
					<div class="control-label">
						<label>First & Last Name</label>
					</div>
					<div class="controls">
						<input type="text" placeholder="Phan" class="input-small" ng-model="firstname">
						<input type="text" placeholder="Thinh" class="input-small" ng-model="lastname">
						<div class="help-block col-xs-12 col-sm-reset inline" ng-hide="firstMessageHide">{{firstMessage}}</div>
						<div class="help-block col-xs-12 col-sm-reset inline" ng-hide="lastMessageHide">{{lastMessage}}</div>
					</div>
				</div>				
				<div class="control-group">
					<div class="control-label">
						<label>Username</label>
					</div>
					<div class="controls">
						<input type="text" placeholder="Enter your username" ng-model="username" class="input-large">
						<div class="help-block col-xs-12 col-sm-reset inline" ng-hide="usernameMessageHide">{{usernameMessage}}</div>
					</div>
				</div>				
				<div class="control-group">
					<div class="control-label">
						<label>Email</label>
					</div>
					<div class="controls">
						<input type="text" placeholder="Enter your email" ng-model="email" class="input-large">
						<div class="help-block col-xs-12 col-sm-reset inline" ng-hide="emailMessageHide">{{emailMessage}}</div>
					</div>
				</div>
				<div class="control-group">
					<div class="control-label">
						<label>Password</label>
					</div>
					<div class="controls">
						<input type="password" placeholder="Enter your password" ng-model="password" class="input-large">
						<div class="help-block col-xs-12 col-sm-reset inline" ng-hide="passwordMessageHide">{{passwordMessage}}</div>
						<!-- Help-block example -->
					</div>
				</div>
				<div class="control-group">
					<div class="control-label">
						<label>Confirm Password</label>
					</div>
					<div class="controls">
						<input type="password" placeholder="Enter your confirm password" ng-model="confirm_password" class="input-large">
						<div class="help-block col-xs-12 col-sm-reset inline" ng-hide="confirm_passwordMessageHide">{{confirm_passwordMessage}}</div>
						<!-- Help-block example -->
					</div>
				</div>
				<hr>
				<div class="control-group">
					<div class="controls">
						<button type="submit" ng-click="register()" id="submit" class="btn pt-larger button orange" data-loading-text="Loading...">
							<i class="fa fa-check bigger-110 pt-white"></i>Create account</button>
						
					</div>

				</div>
				
			</fieldset>
		</form>
	</div>
	
</div>
